<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="${request.contextPath}/resources/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
            <script src="${request.contextPath}/resources/js/html5.js"></script>
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.css" media="screen"/>
        
        <link rel="stylesheet" href="${request.contextPath}/resources/css/style.responsive.css" media="all"/>

    </h:head>
    <h:body id="body016">
        <p:blockUI block="body016"  widgetVar="blogui016">
            LOADING<br />
            <img src="${request.contextPath}/resources/images/preloader-01.gif"/>
        </p:blockUI>
        <p:ajaxStatus onstart="blogui016.show()" oncomplete="blogui016.hide()"/>
        <h:form>

            <p:panel id="REPORT_016" header="#{msg.report_016_header}">

                <div style="width: 1050px;overflow-x: scroll">
                    <p:panel id="REPORT_REPORT_016" header="#{formReport016Controller.reportTitle}" style="width: 1550px">
                        <p:messages id="REPORT_016msgFrmDetails"></p:messages>

                        <script>
                            //<![CDATA[
                            function sum(obj) {
                                if (obj.value != 0) {
                                    calSum();
                                }
                                return false;
                            }
                            //]]>
                        </script>

                        <p:remoteCommand name="calSum" update="REPORT_016pnlFrm" onstart="blogui016.show()" oncomplete="blogui016.hide()" actionListener="#{formReport016Controller.calSum()}">
                        </p:remoteCommand>

                        <p:panelGrid styleClass="frmDetail" id="REPORT_016pnlFrm">
                            <f:facet name="header">
                                <p:row>  
                                    <p:column rowspan="2" style="text-align: center;vertical-align: middle;width: 180px">ประเภทการเลือกตั้ง</p:column>
                                    <p:column rowspan="2" style="text-align: center;">จังหวัด/อำเภอ/เทศบาล/อบต./เขต</p:column>
                                    <p:column rowspan="2" style="text-align: center;width: 220px">วันเลือกตั้ง/วันประกาศผล</p:column>
                                    <p:column rowspan="2" style="text-align: center;width: 220px">การประชุม กกต.ครั้งที่/วันที่</p:column>
                                    <p:column rowspan="2" style="text-align: center;">มติที่ประชุม</p:column>
                                    <p:column rowspan="2" style="text-align: center;">ชื่อ-สกุล</p:column>
                                    <p:column colspan="2" rowspan="1" style="text-align: center;">ประเภทตำแหน่ง</p:column>
                                    <p:column rowspan="2" style="text-align: center;">รวม (คน)</p:column>
                                </p:row>
                                <p:row>
                                    <p:column colspan="1" style="text-align: center;">ส.ถ. (คน)</p:column>
                                    <p:column colspan="1" style="text-align: center;">ผ.ถ. (คน)</p:column>
                                </p:row>
                            </f:facet>
                            <p:row>
                                <p:column>
                                    <p:autoComplete disabled="#{formReport016Controller.paramMode=='view'}" dropdown="true" value="#{formReport016Controller.report016Details[0].institution}" 
                                                completeMethod="#{formReport016Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[0].depName}"/>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[0].electionDay}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[0].meetingDate}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[0].conclusionMeeting}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[0].fullName}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[0].stAmount}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[0].ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[0].sumAmount}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete disabled="#{formReport016Controller.paramMode=='view'}" dropdown="true" value="#{formReport016Controller.report016Details[1].institution}" 
                                                completeMethod="#{formReport016Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[1].depName}"/>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[1].electionDay}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[1].meetingDate}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[1].conclusionMeeting}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[1].fullName}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[1].stAmount}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[1].ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[1].sumAmount}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete disabled="#{formReport016Controller.paramMode=='view'}" dropdown="true" value="#{formReport016Controller.report016Details[2].institution}" 
                                                completeMethod="#{formReport016Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[2].depName}"/>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[2].electionDay}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[2].meetingDate}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[2].conclusionMeeting}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[2].fullName}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[2].stAmount}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[2].ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[2].sumAmount}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete disabled="#{formReport016Controller.paramMode=='view'}" dropdown="true" value="#{formReport016Controller.report016Details[3].institution}" 
                                                completeMethod="#{formReport016Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[3].depName}"/>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[3].electionDay}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[3].meetingDate}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[3].conclusionMeeting}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[3].fullName}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[3].stAmount}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[3].ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[3].sumAmount}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:autoComplete disabled="#{formReport016Controller.paramMode=='view'}" dropdown="true" value="#{formReport016Controller.report016Details[4].institution}" 
                                                completeMethod="#{formReport016Controller.dropdownFactory.listDntSelection()}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[4].depName}"/>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[4].electionDay}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <h:panelGroup style="width: 200px">
                                        <p:inputText disabled="#{formReport016Controller.paramMode=='view'}"   value="#{formReport016Controller.report016Details[4].meetingDate}"/>
                                    </h:panelGroup>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[4].conclusionMeeting}"/>
                                </p:column>
                                <p:column>
                                    <p:inputText disabled="#{formReport016Controller.paramMode=='view'}" value="#{formReport016Controller.report016Details[4].fullName}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[4].stAmount}"/>
                                </p:column>
                                <p:column>
                                    <totoland:inputNumber disabled="#{formReport016Controller.paramMode=='view'}" onchange="sum(this)" value="#{formReport016Controller.report016Details[4].ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{formReport016Controller.report016Details[4].sumAmount}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                </p:column>
                                <p:column>
                                </p:column>
                                <p:column>
                                </p:column>
                                <p:column>
                                </p:column>
                                <p:column>
                                </p:column>
                                <p:column>
                                    รวม
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="#{formReport016Controller.sumDetail.stAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="#{formReport016Controller.sumDetail.ptAmount}"/>
                                </p:column>
                                <p:column>
                                    <h:outputLabel value="#{formReport016Controller.sumDetail.stAmount+formReport016Controller.sumDetail.ptAmount}"/>
                                </p:column>
                            </p:row>
                         
                        </p:panelGrid>

                        <h:panelGroup id="REPORT_016pnlCmd" rendered="#{formReport016Controller.report016.flowStatusId!=200}">
                            <div align="center">
                                <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport016Controller.save()}" id="REPORT_016btnSave" rendered="#{formReport016Controller.paramMode=='create'}"/>
                                <p:commandButton value="#{msg.btn_edit}" actionListener="#{formReport016Controller.goToEdit()}" id="REPORT_016btnEdit" rendered="#{formReport016Controller.paramMode=='view' 
                                                          and formReport016Controller.canEdit(formReport016Controller.report016.createdUserGroup,formReport016Controller.report016.reportStatus,formReport016Controller.report016.flowStatusId)}"/>
                                <p:commandButton value="#{msg.btn_close}" actionListener="#{formReport016Controller.goToClose()}" id="REPORT_016btnClose" rendered="#{formReport016Controller.paramMode=='view' || formReport016Controller.paramMode=='create'}"/>
                                <p:commandButton value="#{msg.btn_save}" actionListener="#{formReport016Controller.edit()}" id="REPORT_016btnSaveEdit" rendered="#{formReport016Controller.paramMode=='edit'}"/>
                                <p:commandButton value="#{msg.btn_cancel}" id="REPORT_016btnCancel" actionListener="#{formReport016Controller.goToCancel()}" rendered="#{formReport016Controller.paramMode=='edit'}"/>
                            </div>
                        </h:panelGroup>
                    </p:panel>
                </div>
            </p:panel>
        </h:form>
        <style>
            input[type="text"] {
                clear: left;
                cursor: text;
                list-style-type: none;
                margin: 0;
                min-height: 1px;
                overflow: hidden;
                width: 120px;
            }
        </style>
    </h:body>
</html>